<template>
    <div>
        <van-nav-bar title="标题" left-text="" left-arrow @click-left="onClickLeft" />
        <div class="main">
            <div class="one" v-for=" (item,index) in my_data" :key="index" @click="sel_one(index)">
                <div class="tittle">
                    <div><span>{{item.tittle}}</span></div>
                    <div style="font-size: 13px; margin-top: 2%; "> <span>{{item.my_time}}</span> </div>
                </div>
            </div>

        </div>

    </div>
</template>
<script setup lang="ts">
function onClickLeft() {
    history.back();
}

let my_data = [
    {
        tittle: '标题1',
        my_time: '17小时'
    },
    {
        tittle: '标题2',
        my_time: '17小时'
    },
    {
        tittle: '标题3',
        my_time: '17小时'
    },
    {
        tittle: '标题4',
        my_time: '17小时'
    },
]

function sel_one(index: any) {
    console.log(index);

}


</script>

<style scoped>
.tittle {
    padding: 5%;
    border-bottom: 1px solid rgb(200, 200, 200);
}

.main {
    width: 100vw;
    height: 93vh;
    background-color: rgb(243, 243, 243);
}

:deep(.van-nav-bar .van-icon) {
    color: black;
}
</style>